<template>
  <div>
    <div>
      <router-view></router-view>
    </div>
    <div class="">
      <van-tabbar route >
        <van-tabbar-item icon="wap-home" to="/index">首页</van-tabbar-item>
        <van-tabbar-item icon="add-square" to="/health">健康百科</van-tabbar-item>
        <van-tabbar-item icon="bell" to="/news">消息通知</van-tabbar-item>
        <van-tabbar-item icon="manager" to="/my">我的</van-tabbar-item>
      </van-tabbar>
    </div>
  </div>
</template>

<script setup lang="ts">
import { ref, reactive, toRefs } from 'vue'
// import { useStore } from 'vuex';
import { useRouter, useRoute } from 'vue-router'
const router = useRouter()
const active = ref(0)
</script>

<style lang="scss"></style>
